.header {
  margin: 28px auto 56px;
  max-width: 1184px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 1190px) {
  .header {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media screen and (max-width: 1024px) {
  .header {
    margin-bottom: 48px; 
  }  
}

@media screen and (max-width: 768px) {
  .header {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media screen and (max-width: 320px) {
  .header {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px;
  }
} 